<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, min imum-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <title>小米商城-小米官方网站，小米手机、红米手机正品专卖</title>
        <link rel="stylesheet" href="./css/index-fenlei.css">
        <link rel="icon" href="./img/APP图片/logo.png">
    <script>
       
        !(function (win, doc) {
            function setFontSize() {
                var winWidth = window.innerWidth;
                doc.documentElement.style.fontSize = (winWidth / 1080) * 100 + 'px';
            }
            var evt = 'onorientationchange' in win ? 'orientationchange' : 'resize';
            var timer = null;
            win.addEventListener(evt, function () {
                clearTimeout(timer);
                timer = setTimeout(setFontSize, 300);
            }, false);
            win.addEventListener("pageshow", function (e) {
                if (e.persisted) {
                    clearTimeout(timer);
                    timer = setTimeout(setFontSize, 300);
                }
            }, false);
            setFontSize();
        }(window, document));
  
    </script>
    
</head>

<body>
    <!-- daphang -->
    <nav>
        <div class="nav-1">
            <img src="./img/APP图片/下载 (1).png" alt="">
            <input type="text" value="搜索商品名称">
        </div>
        
    </nav>



    <!-- main-->

    <div class="main">
        <!-- zuo -->
        <ul class="left">
            <a href="#tuijian">推荐</a>
            <a href="#shouji">Xiaomi手机 </a>
            <a href="#tuijian">Redmi手机</a>
            <a href="#shouji">游戏手机</a>
            <a href="#tuijian">平板电脑</a>
            <a href="#shouji">智能穿戴</a>
            <a href="#tuijian">电视</a>
            <a href="#shouji">大家电</a>
            <a href="#tuijian">小家电</a>
            <a href="#shouji">智能家居</a>
            <a href="#tuijian">户外出行</a>
            <a href="#shouji">日用百货</a>
            <a href="#tuijian">儿童用品</a>
            <a href="#shouji">有品精选</a>
            <a href="#tuijian">小米服务</a>
            <a href="#shouji"></a>
            
        </ul>
        <!-- you -->
        <div class="right">
            <!-- 1 -->
                <img id="tuijian" src="./img/APP图片/right-1.png" alt="">
                <h3>精选推荐</h3>
                <div class="right-1">
                    <img src="./img/APP图片/right-2.png" alt="">
                    <div class="right-1-1">
                        <p>Note 9 Pro 5G</p>
                        <span>$1933 起</span>
                    </div>
                </div>
                <div class="right-1">
                    <img src="./img/APP图片/right-2.png" alt="">
                    <div class="right-1-1">
                        <p>Note 9 Pro 5G</p>
                        <span>$1933 起</span>
                    </div>
                </div>
                <div class="right-1">
                    <img src="./img/APP图片/right-2.png" alt="">
                    <div class="right-1-1">
                        <p>Note 9 Pro 5G</p>
                        <span>$1933 起</span>
                    </div>
                </div>
                <div class="right-2">
                    <div class="right-2-1">
                        <img src="./img/APP图片/right-2-1.jpg" alt="">
                        充电宝
                    </div>
                    <div class="right-2-1">
                        <img src="./img/APP图片/right-2-1.jpg" alt="">
                        充电宝
                    </div>
                    <div class="right-2-1">
                        <img src="./img/APP图片/right-2-1.jpg" alt="">
                        充电宝
                    </div>
                    <div class="right-2-1">
                        <img src="./img/APP图片/right-2-1.jpg" alt="">
                        充电宝
                    </div>
                    <div class="right-2-1">
                        <img src="./img/APP图片/right-2-1.jpg" alt="">
                        充电宝
                    </div>
                    <div class="right-2-1">
                        <img src="./img/APP图片/right-2-1.jpg" alt="">
                        充电宝
                    </div>
                    <div class="right-2-1">
                        <img src="./img/APP图片/right-2-1.jpg" alt="">
                        充电宝
                    </div>
                    <div class="right-2-1">
                        <img src="./img/APP图片/right-2-1.jpg" alt="">
                        充电宝
                    </div>
                    <div class="right-2-1">
                        <img src="./img/APP图片/right-2-1.jpg" alt="">
                        充电宝
                    </div>
                    <div class="right-2-1">
                        <img src="./img/APP图片/right-2-1.jpg" alt="">
                        充电宝
                    </div>
                    <div class="right-2-1">
                        <img src="./img/APP图片/right-2-1.jpg" alt="">
                        充电宝
                    </div>
                    <div class="right-2-1">
                        <img src="./img/APP图片/right-2-1.jpg" alt="">
                        充电宝
                    </div>
                   
                    

                </div>




                <!-- 2 -->
                <img id="shouji" src="./img/APP图片/right-11.jpg" alt="">
                <h3>精选推荐</h3>
                <div class="right-1">
                    <img src="./img/APP图片/right-2.png" alt="">
                    <div class="right-1-1">
                        <p>Note 9 Pro 5G</p>
                        <span>$1933 起</span>
                    </div>
                </div>
                <div class="right-1">
                    <img src="./img/APP图片/right-2.png" alt="">
                    <div class="right-1-1">
                        <p>Note 9 Pro 5G</p>
                        <span>$1933 起</span>
                    </div>
                </div>
                <div class="right-1">
                    <img src="./img/APP图片/right-2.png" alt="">
                    <div class="right-1-1">
                        <p>Note 9 Pro 5G</p>
                        <span>$1933 起</span>
                    </div>
                </div>
                <div class="right-2">
                    <div class="right-2-1">
                        <img src="./img/APP图片/right-2-1.jpg" alt="">
                        充电宝
                    </div>
                    <div class="right-2-1">
                        <img src="./img/APP图片/right-2-1.jpg" alt="">
                        充电宝
                    </div>
                    <div class="right-2-1">
                        <img src="./img/APP图片/right-2-1.jpg" alt="">
                        充电宝
                    </div>
                    <div class="right-2-1">
                        <img src="./img/APP图片/right-2-1.jpg" alt="">
                        充电宝
                    </div>
                    <div class="right-2-1">
                        <img src="./img/APP图片/right-2-1.jpg" alt="">
                        充电宝
                    </div>
                    <div class="right-2-1">
                        <img src="./img/APP图片/right-2-1.jpg" alt="">
                        充电宝
                    </div>
                    <div class="right-2-1">
                        <img src="./img/APP图片/right-2-1.jpg" alt="">
                        充电宝
                    </div>
                    <div class="right-2-1">
                        <img src="./img/APP图片/right-2-1.jpg" alt="">
                        充电宝
                    </div>
                    <div class="right-2-1">
                        <img src="./img/APP图片/right-2-1.jpg" alt="">
                        充电宝
                    </div>
                    <div class="right-2-1">
                        <img src="./img/APP图片/right-2-1.jpg" alt="">
                        充电宝
                    </div>
                    <div class="right-2-1">
                        <img src="./img/APP图片/right-2-1.jpg" alt="">
                        充电宝
                    </div>
                    <div class="right-2-1">
                        <img src="./img/APP图片/right-2-1.jpg" alt="">
                        充电宝
                    </div>
                   
                    

                </div>


        </div>

    </div>





    <div class="footer-2">
        <a href="./index.html">
            <img src="./img/APP图片/footer-11.png" alt="">
            首页
        </a>
        <a href="./index-fenlei.html">
            <img src="./img/APP图片/footer-22.png" alt="">
            分类
        </a>
        <a href="./index-miquan.html">
            <img src="./img/APP图片/footer-33.png" alt="">
            米圈
    
        </a>
        <a href="./index-gouwuche.html">
            <img src="./img/APP图片/footer-44.png" alt="">
            购物车
        </a>
        <a href="./index-wode.html">
            <img src="./img/APP图片/footer-55.png" alt="">
            我的
        </a>
    </div>
   
</body>

</html>